<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        @import url(./css/style.css);
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <img src="./images/icon_count.png" class="img1">
            <div class="header_list">
                <ul>
                    <li>尾品汇</li>
                    <li>当当优品</li>
                    <li>数字馆</li>
                    <li>都看阅器</li>
                </ul>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">图书</a></li>
                <li><a href="#">音像</a></li>
                <li><a href="#">童装</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">鞋靴</a></li>
                <li><a href="#">运动</a></li>
                <li><a href="#">箱包</a></li>
                <li><a href="#">美妆</a></li>
                <li><a href="#">珠宝</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">食品</a></li>
                <li><a href="#">酒</a></li>
                <li><a href="#">手机</a></li>
                <li><a href="#">数码</a></li>
                <li><a href="#">电脑</a></li>
                <li><a href="#">家电</a></li>
            </ul>
        </div>
        <img src="./images/banner.png" alt="当当网图书榜" class="img2">
        <div class="content">
            <img src="./images/bg_bang.gif" class="img3">
            <div class="books">
                <div class="book1">
                    <img src="./images/bookNo1.gif" alt="No1" class="img4">
                    <div class="book_info1">
                        <p class="p1">偷影子的人</p>
                        <p class="p2">
                            作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译<br>
                            出版社：湖南文艺出版社<br>
                            当当价：<span class="price">￥ 17.90</span><br>
                            不知道姓氏的克蕾儿。这就是你在我生命里的角色，我童年时的小女孩，今日蜕变成了女人，一段青梅竹马的回忆，一个时间之神没有应允的愿望。 一个老是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能力而强大：他能“偷别人的影子”，因而能看见他
                        </p>
                    </div>
                </div>
                <div class="book2">
                    <img src="./images/bookNo2.gif" alt="No2" class=" img5">
                    <div class="book_info2">
                        <p class="p1">看见(央视知名记者、主持人柴静：十年个人成长的告白，中国社会变迁的备忘 </p>
                        <p class="p2">
                            作 者：柴静 著<br>
                            出版社：广西师范大学出版社<br>
                            <span class="price">￥ 29.40</span>&nbsp;<span class="discount">7.4折</span>
                        </p>
                    </div>
                </div>
                <div class="book3">
                    <img src="./images/bookNo3.gif" alt="No1" class="img5">
                    <div class="book_info2">
                        <p class="p1">改变孩子先改变自己</p>
                        <p class="p2">
                            作 者：贾容韬 贾毅 著<br>
                            出版社：作家出版社<br>
                            <span class="price">￥ 22.20</span>&nbsp;<span class="discount">7.4折</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <p style="float: left; position: absolute; left: 250px; color: #ccc;">Copyright (C) 当当网 2004-2013, All Rights Reserved</p>
            <p style="float: right; position: absolute; right: 195px; color: #ccc;">京ICP证041189号出版物经营许可证 新出发京批字第直0673号</p>
        </div>
    </div>
</body>
</html>